<template>
  <div>
    <div>{{ homeson }}</div>
    <button @click="homeson += 1">HomeSon加1</button>
  </div>
</template>
<script>
export default {
  beforeCreate() {
    console.log("beforeCreate", "homeson");
  },
  created() {
    console.log("created", "homeson");
  },
};
</script>
<script setup>
console.log("setup", "homeson");
const homeson = ref("HomeSon");
onBeforeMount(() => {
  console.log("onBeforeMount", "homeson");
});
onMounted(() => {
  console.log("onMounted", "homeson");
});
onBeforeUpdate(() => {
  console.log("onBeforeUpdate", "homeson");
});
onUpdated(() => {
  console.log("oneUpdated", "homeson");
});
onBeforeUnmount(() => {
  console.log("onBeforeUnmount", "homeson");
});
onUnmounted(() => {
  console.log("onUnmounted", "homeson");
});
</script>

<style lang="scss" scoped></style>
